/*
Centinix v 1.3
Available on ThemeForest - http://themeforest.net/
Author: NasirWd - http://www.nasfactor.com

1.	Document Setup (body, divs, img)
2.	Heading Styles
3.	Custom Nav Style
4.	Logo
5.	Welcome Section
6.  Experties Section
7.	Our Work Section
8.	Testimonial Slider Styles
9.	About Section
10.	Blog Section
11.	Contact Section
12. Main Banner Styles
13. Padding, Margin, Color Styles (used on different divs to give gaps and text colors)
14. Media Queries

*/


/*--------------- 1. Document Setup (body, divs, img) ---------------*/
/*body, div, img, a
{
	font-family: 'Open Sans', sans-serif ;
 }
*/
a
{    
	transition:all .2s linear !important; 
    -o-transition:all .2s linear !important; 
    -moz-transition:all .2s linear !important; 
    -webkit-transition:all .2s linear !important;
}

/*--------------- 2. Heading Styles ---------------*/
h1
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:95px;
	color:#000;
	text-align:center;
	font-weight:200;
	padding-top:90px;
	line-height:80px;
}

h2
{
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
	color:#2B3E50;
	text-align:center;
	line-height:36px;
	padding-top:10px;
/*	font-weight:normal;  */
	margin:0px;
	
}

h3
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:64px;
	color:#000;
	text-align:center;
	font-weight:200;
	line-height:54px;
	
}

/*--------------- 3. Custom Nav Style ---------------*/
.navbar
{
	background:#2B3E50;
}

.navlinks
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	padding-top:20px;
}

	.navlinks  a
	{
		color:#fff !important;
		
		text-shadow:none !important;
	}

.navbar-fixed-top
{
	margin-left:0px !important;
	margin-right:0px !important;
}

.navpadding
{
	padding-top:30px;
}

/*--------------- 4. Logo ---------------*/
.logo
{
	font-family: 'Source Sans Pro', sans-serif !important;
	text-transform:uppercase;
	color:#fff;
	font-size:26px !important;
	font-weight:bold !important;
	line-height:75px;
	color:#fff !important;
	text-shadow:none !important;
}

.logo span {
    color: #5A7590;
}


/*--------------- 5. Welcome Section ---------------*/
.desc
{
	font-size:20px;
	color:#666;
	padding-top:20px;
	line-height:30px;
	text-align:center;
	padding-bottom:90px;
	
}

	.desc a
	{
		font-weight:bold;
		color:#000;
		border-bottom:1px solid #c3c3c3;
		padding-bottom:2px;
		text-decoration:none;
	}
	.desc a:hover
	{
		color:#57b04b;
	}

/*--------------- 6. Experties Section ---------------*/
.expertiesBg
{
	background-image:url(../images/blue-bg.jpg);
	background-attachment:fixed;
	height:400px;
	padding-top:80px;
	background-color:#388bd1;
}

.oneline
{
	font-size:20px;
	color:#666;
	padding-top:20px;
	text-align:center;	
}

/*--Design Develop Deploy--*/
.process
{
}
	.process .icon
	{
		width:220px;
		height:220px;
		margin:0 auto;
		font-family: "entypo";
		background-image:url(../images/523.png);
		font-size:150px;
		text-align:center;
		line-height:74px;
		color:#fff;
	}
	
	.process .title
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size:38px;
		font-weight:bold;
		color:#000;
		text-align:center;
		padding-top:40px;
		
	}
	
	.process .content
	{
		font-size:16px;
		line-height:30px;
		color:#666;
		padding-top:30px;
		text-align:center;
		
	}
	
	.process .readmorebtn
	{
		width:150px;
		margin:0 auto;
		line-height:40px;
		color:#fff;
		background:#2a83e7;
		text-align:center;
		margin-top:30px ;
		margin-bottom:30px;
	}
	
		.process .readmorebtn a
		{
			color:#fff;
			display:block;
			text-decoration:none;line-height:40px;
			transition:all .2s linear !important; 
			-o-transition:all .2s linear !important; 
			-moz-transition:all .2s linear !important; 
			-webkit-transition:all .2s linear !important;
		}
		
		.process .readmorebtn a:hover
		{
			background:#fff;
			border:2px solid #2a83e7;
			color:#2a83e7;
			line-height:36px;
			transition:all .2s linear !important; 
			-o-transition:all .2s linear !important; 
			-moz-transition:all .2s linear !important; 
			-webkit-transition:all .2s linear !important;
		}

	.process .divider
	{
		height:2px;
		background:#e5e5e5;
		width:100%;
		margin:0px 0px 30px 0px;
	}

/*--Our Skills--*/

	.skillBg
	{
		background-attachment:fixed;
		background-position:top;
		background-color:#f0eee8;

	}

	.software{
	width: 100%;
/*	float: left;  */
    margin-left:  80px;
   }

   .skills{
	width: 240px;
	height: 235px;
	float: left;
   } 
.skill-1 .skill-in{width: 100%;}  /* Change your percent Skills here!*/
.skill-2 .skill-in{width: 90%;}	/* Change your percent Skills here!*/
.skill-3 .skill-in{width: 65%;}	/* Change your percent Skills here!*/
.skill-4 .skill-in{width: 80%;}	/* Change your percent Skills here!*/

.info-skills{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	float: left;
	padding: 10px 0px 0 40px;
}

.skill-light{
	color: #97ecdb;
}
.skill-dark{
	color: #4cd6b9;
}
.stripes2 .info-skills {color: #4cd6b9; position: absolute;}
.stripes1 .info-skills {color: #97ecdb; position: absolute;}

.skill-content{clear: left;}

.progress-bar {
	height: 42px;
	width: 850px;
	margin: 20px 0;
	float: left;
	background: #f3f2eb;
	position: relative;
}

.progress-bar .skill-in {
  display: inline-block;
  height: 100%;
}

.stripes1 .skill-in {
	background: #49c9af;
	height: 42px;
	transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	font-weight: bold;
}

.stripes2 .skill-in {
	background: #24ac90;
	height: 42px;
	transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	font-weight: bold;
}

.percent{
	color: #bfbeb5;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	line-height: 44px;
	font-size: 20px;
	padding: 19px 0 0 22px;
	float: left;
}
	/*
	.skills-divider
	{
		border-top:1px solid #000 !important;
		border-bottom:2px solid #000 !important;
		margin:80px 0;
	}
	
	.skills-icon
	{
		width:100px !important;
		height:100px;
		border-radius:50px;
		background-color:#f54444;
		float:left;
		line-height:96px;
		font-size:70px !important;
		font-weight:bold;
		color:#fff;
		vertical-align:middle;
		text-align:center;

	}
	
	.skills-content
	{
		font-size:20px;
		font-weight:800;
		color:#ffdb83;	
		font-family: 'Source Sans Pro', sans-serif;
		margin-left:120px;
	}
	
		.skills-content p
		{
			font-family: 'Open Sans', sans-serif;
			font-size:14px;
			color:#fff;
			line-height:26px;
			font-weight:normal;
			margin:10px 0 0 0;
		}
*/
/*--------------- 7. Our Work Section ---------------*/

.bgourwork
{
	background-color:#f0eee8;
}

.filters 
{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#999;
	font-size:14px;	
}
	.filters li + li:before
	{
		content: '/';
		padding-right: 10px !important;
		}

	.filters  a
	{
		color:#666;
		text-decoration:none;
	}
	
	.filters  a:hover
	{
		color:#999
	}
	
	.filters .active
	{
		color:#f54444;
	}


.imgWidth img
{
	width:100%
} 

/*--------------- 8. Testimonial Slider Styles ---------------*/
/*	.testimonial-icon
	{
		width:100px;
		height:100px;
		border-radius:50px;
		background-color:#f54444;
		line-height:100px;
		vertical-align:middle;
		text-align:center;
		margin:0 auto;

	}
	
	.quote
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:22px;
		color:#666;
		font-style:italic;
		line-height:34px;
		text-align:center;
	}
	
	.client
	{
		font-family: 'Open Sans', sans-serif;
		font-size:20px;
		color:#000;
		padding-top:30px;
		text-align:center;
	}
	
		.client a
		{
			color:#f54444;
			border-bottom:1px solid #ccc;
			padding-bottom:2px;
			text-decoration:none;
		}
		
		.client a:hover
		{
			color:#ccc;
		}
*/
/*--Testimonial Slider--*/
/*
.testimonials-slider
{	
}

.bx-viewport
{
	height:180px !important;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #d3d2ce;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;top: 0;right: 0;width: 30px;border-left:1px solid #ddd;height: 30px;cursor: pointer;background: #ED3131 /*url(images/caousel-next.png)*/ no-repeat 0 0 ;}
.bx-wrapper .bx-prev {position: absolute;top: 0px;right: 30px;border-right:1px solid #ddd;width: 30px;height: 30px;cursor: pointer;background: #ED3131 /*url(images/caousel-prev.png)*/ no-repeat 0 0 ;}
.bx-wrapper .bx-controls-direction a {display:none;}
.bx-pager
{
	width:60px; 
	margin:0 auto;
	padding-top:20px;
}*/
		
/*--------------- 9. About Section ---------------*/		
/*
.aboutBg
{
	background-image:url(../images/collage-bg.jpg);
	background-attachment:fixed;
	background-position:top;
	height:400px;
	padding-top:80px;
	background-color:#388bd1;
	border-bottom:3px solid #e5e5e5;
}

.aboutdesc
{
	font-size:20px;
	color:#666;
	padding-top:20px;
	text-align:center;
	line-height:32px;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;

}
*/
/*--------------- Webdemo ---------------*/
#webdemo{
   background:#f0eee8;
}
#webdemo .rowsimgWidth{
   margin-left: 60px;
}
/*
#webdemo h5 {
    color: #000000;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 70px;
    margin: 10px 0;
    text-align: center;
	padding-top: 90px;
}
*/
/*--Team--*/
.team-img
{
}

	.team-img img
	{
		width:100%
	}

.teamDesc
{
	text-align:center;
	padding:20px 0 10px 0;
}

	.teamDesc .title
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-size:28px;
		color:#000;
		
	}
	
	.teamDesc .desig
	{
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		color:#666;
	}

.teamSocial
{
	width:140px;
	margin:0 auto;
}

	.teamSocial .icon
	{
		width:38px;
		height:38px;
		border:2px solid #c8c8c8;
		
		line-height:38px;
		font-size:20px;
		margin:0px;
		padding:0px;
		text-align:center;
		border-radius:40px;
		
	}
		.teamSocial .icon a
		{
			color:#7f7f7f;
			text-decoration:none;
			display:block;
		}
		
		.teamSocial .icon a:hover
		{
			color:#f54444;
		}

/*--------------- 10. Blog Section ---------------*/
.blogBg
{
	background-color:#2e2d2d;
}

.blog-img
{
	
}

	.blog-img img
	{
		width:100%;
	}

.vidWidth
{
	width:100%;
	border:none;
}

.blog-content
{
	font-family: 'Open Sans', sans-serif;
	padding-top:15px;
}

	.blog-content .date
	{
		color:#818181;
		font-size:16px;
		line-height:30px;
	}
	
	.blog-content .heading
	{
		font-size:30px;
		color:#fff;
		line-height:32px;
		font-weight:500;
		padding-bottom:0px;
	}
	
	.blog-content .post-meta
	{
		font-size:16px;
		color:#a8a8a8;
		padding-bottom:15px;
	}
	
		.blog-content .post-meta .icon
		{
			font-family: "entypo";
			font-size:40px;
			font-style:normal;
			position:relative;
			top:3px;
		}
	
		.blog-content .post-meta a
		{
			color:#f54444;
			text-decoration:none;
		}

		.blog-content .post-meta a:hover
		{
			color:#fff;
			text-decoration:none;
		}
	
	.blog-content .text
	{
		font-size:16px;
		line-height:30px;
		color:#fff;
	}

.blog-btn
{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:500;
	width:170px;
	margin-top:30px;
	
}

	.blog-btn a
	{
		background-color:#f54444;
		line-height:45px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		padding:0 15px;
		display:block;
	}
	
	.blog-btn a:hover
	{
		color:#000;
		background-color:#fff;
	}

.blog-olderpost
{
	border-top: 1px solid #434242;
	padding-top:20px;
	color:#fff;
}

	.blog-olderpost a
	{
		color:#fff;
		text-decoration:none;
		
		
	}
	
	.blog-olderpost a:hover
	{
		color:#ccc;
	}

/*--------------- 11. Contact Section ---------------*/
.contactBg
{
	background-color:#49C9AF;
}

.contactSocial
{
	width:300px;
	margin:0 auto;
	font-size:40px;
	color:#fff;
}

	.contactSocial a
	{
		color:#fff;
		display:block;
	}
	
	.contactSocial a:hover
	{
		color:#000;
	}


	.c-divider
	{
		border-top:1px solid #fff !important;
		border-bottom:2px solid #fff !important;
		margin:30px 0;
	}

.cForm
{
	font-family: 'Open Sans', sans-serif;
}
	.cForm input
	{
		line-height:45px;
		color:#666;
		font-size:16px;
		border:none !important;
		height:45px;
		padding:0 8px;
	}

	.cForm textarea
	{
		color:#666;
		font-size:16px;
		border:none !important;
		height:45px;
		padding:8px;
		min-height:100px;
	}

.formBtn
{
	background-color:#2e2d2d;
	color:#fff;
	line-height:45px;
	text-align:center;
	width:100px;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	
}

	.formBtn a
	{
		display:block;
		text-decoration:none;
		color:#fff;
		padding:0 20px;
	}

	.formBtn a:hover
	{
		display:block;
		text-decoration:none;
		background-color:#f54444;
		color:#fff;
	}

.contactAddress-block
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#fff;
}

.contactAddress-block .contactAddress
{
	float:left;
	width:80%;
	margin-left:15px;
	line-height:28px;
	font-size:18px;
	
}

.contactAddress-block .contactAddress-icon
{
	width:40px;
	height:40px;
	background-color:#2e2d2d;
	color:#fff;
	font-size:20px;
	border-radius:30px;
	line-height:40px;
	text-align:center;
	float:left;
}

.phone-block
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#fff;
}

.phone-block .phone-mail
{

	width:80%;
	margin-left:15px;
	line-height:28px;
	font-size:18px;
	
}

.phone-block .contact-icon
{
	width:40px;
	height:40px;
	background-color:#2e2d2d;
	color:#fff;
	font-size:20px;
	border-radius:30px;
	line-height:40px;
	text-align:center;

}


.map
{
	padding:0px;
	margin:30px 0 -10px 0;
	border:none;
	width:100%;
}

.copyright
{
	line-height:75px;
	background:#2b3e50;
	text-align:center;
	color:#fff;
}
.footer-line {
background: url(../images/footer.png) repeat-x;
height: 13px;
width: 100%;
}
/*--------------- 12. Main Banner Styles ---------------*/
.btnWhite
{
	
	background-color:#fff;
	width:150px;
	display:block;
	margin:0 auto;
	margin-top:30px;
	
}

	.btnWhite a
	{
		line-height:35px !important;
		display:block;
		width:150px;
		text-decoration:none;		
		color:#f54444;
		font-family: 'Open Sans', sans-serif;
		font-size:13px;
		font-weight:bold;
		text-transform:uppercase;
		background-image:url(../images/sprite.png) ;
		background-position:-200px 10px;
		
	}
	
	.btnWhite a:hover
	{
		background-color:#f54444;
		color:#fff;
	}
	

/*--------------- 13. Padding, Margin, Color Styles ---------------*/

/*--Padding classes--*/

.paddingtop20
{
	padding-top:20px;
}

.paddingtop30
{
	padding-top:30px;
} 

.paddingtop60
{
	padding-top:60px;
}

.paddingbottom60
{
	padding-bottom:60px;
}

.paddingbottom30
{
	padding-bottom:30px;
}

/*--Margin classes--*/
.marginbottom70
{
	margin-bottom:70px;
}

.marginbottom30
{
	margin-bottom:30px;
}

.marginbottom20
{
	margin-bottom:20px;
}

.marginbottom10
{
	margin-bottom:10px;
}


/*--Color classes--*/
.colorWhite
{
	color:#fff !important;
}

.colorBlack
{
	color:#000 !important;
}

.colorOrange
{
	color:#49c9af !important;
}

/*--------------- 14. Media Queries ---------------*/


@media (min-width: 768px) and (max-width: 979px) {

/*--Navigation--*/
	.navlinks
	{
		
		padding-top:0px;
	}

/*--Testimonial Slider--*/
.bx-viewport
{
	height:220px !important;
}



}

@media (max-width: 767px) {

/*--Navigation--*/
	.navlinks
	{
		padding-top:0px;
	}
	
	.navbar-wrapper
	{
		padding:0 20px;
	}


.padding20
{
	padding:0 20px;
}

/* Heading Classes*/

h1
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:70px;
	color:#000;
	text-align:center;
	font-weight:200;
	padding-top:20px;
	line-height:80px;
}

/*--Experties--*/

	.expertiesBg
	{

		height:440px;
		padding-top:40px;
	}


/*--Design Develop Deploy--*/
	.process .content
	{
		padding-right:30px;
		padding-left:30px;
	}

	.process .icon
	{
		width:148px;
		margin:0 auto;
		font-family: "entypo";
		background-image:url(../images/sprite.png);
		background-position:-4px -139px;
		font-size:150px;
		text-align:center;
		line-height:148px;
		color:#fff;
	}
	
	.bx-viewport
{
	height:220px !important;
}

/*--Contact--*/
.contactAddress-block
{
	margin-top:30px;
	
}
}

/* Varous Classes*/
.delay1s
{
	-webkit-animation-delay:.1s;
	-moz-animation-delay:.1s;
	-o-animation-delay:.1s;
	animation-delay:.1s;
}

.delay2s
{
	-webkit-animation-delay:.2s;
	-moz-animation-delay:.2s;
	-o-animation-delay:.2s;
	animation-delay:.2s;
}

.delay3s
{
	-webkit-animation-delay:.3s;
	-moz-animation-delay:.3s;
	-o-animation-delay:.3s;
	animation-delay:.3s;
}


@media (max-width: 320px) {
/* Heading Classes*/

h1
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:55px;
	color:#000;
	text-align:center;
	font-weight:200;
	padding-top:20px;
	line-height:80px;
}

h2
{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	color:#f54444;
	text-align:center;
	line-height:32px;
	padding-top:20px 10px 0px 10px ;
	font-weight:normal;
	
}

/*-- Experties--*/

.expertiesBg
{
	height:300px;
	padding-top:80px;

}


/*--Design Develop Deploy--*/
	.process .icon
	{
		width:148px;
		margin:0 auto;
		font-family: "entypo";
		background-image:url(../images/sprite.png);
		background-position:-4px -139px;
		font-size:150px;
		text-align:center;
		line-height:148px;
		color:#fff;
	}
	
		.quote
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		color:#666;
		font-style:italic;
		line-height:24px;
		text-align:center;
	}
	
	.client
	{
		font-family: 'Open Sans', sans-serif;
		font-size:16px;
		color:#000;
		padding-top:20px;
		text-align:center;
	}
	
/*--Testimonial Slider--*/
.bx-viewport
{
	height:220px !important;
}

/*--Contact--*/

.map
{
	height:200px;
	padding:0px;
	margin:30px 0 -10px 0;
	border:none;
	width:100%;
}

/*--Various Styles--*/

.mobilpad
{
	padding:0 10px;
}

}

@media screen and (max-width: 660px) {
	.navpadding
	{
		padding-top:80px;
	}
}
